<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../jquery.min.js"></script>
</head>
<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <script>
        $(function(){
            var sum=0;
            var arr=['red','yellow','blue'];
            //如果针对同一元素做不同操作,需要用到遍历元素(类似for ,但是比for 强大) 
            //1.each() 方法遍历元素
            // $('div').css('color','red');
            $('div').each(function(i,domEle){
                //回调函数第一个参数一定是索引号 可以自己指定索引号名称
                //第二个参数是dom元素对象
                $(domEle).css('color','blue');
              
                $(domEle).css('color',arr[i]);
                sum+=parseInt($(domEle).text());
            })
            //2.$.each() 方法遍历元素 主要用于遍历数据,处理数据
            $.each($('div'),function(i,ele){
                console.log(i);
                console.log(ele);
            })
            $.each(arr,function(i,eve){
                console.log(i);
                console.log(eve);
            })
            $.each({
                name:'andy',
                age:18
            },function(i,ele){
                console.log(i);//输出的是name age属性名
                console.log(eve);//输出的属性值
            })
        })
    </script>
</body>
</html>